import React from 'react';
import {BrowserRouter,Router,HashRouter,Route,Link,hashHistory} from 'react-router-dom';

export default class ComponentHeader extends React.Component {

    constructor() {
        super();
        this.state = {
            miniHeader: false
        }
    }
    render() {
        const styleComponentHeader = {
            header: {
                backgroundColor: '#333',
                fontSize: '18px',
                color: '#fff',
                paddingTop: (this.state.miniHeader) ? '3px' : '25px',
                paddingBottom: (this.state.miniHeader) ? '3px' : '25px'
            }
        };

        return (
            <header style={styleComponentHeader.header} class='smallFontSize' >
                <h1>这里是头部!！</h1>
                <ul>
                    <li><Link to={`/`}>首页</Link></li>
                    <li><Link to={`/list/1221`}>列表页面</Link></li>
                </ul>
            </header>
        )
    }
}